<template>
<div :id="public_notice_id">
  <el-row style="height: 180px;  background: #e8f5e9">
    <el-col :span="2">
      <div class="grid-content "></div>
    </el-col>
    <el-col :span="12">
      <div class="grid-content ">
        <p style="font-size: 30px;margin-top: 60px;  color: #2e7d32;">{{notice_title}}</p>
        <el-button type="success" class="" plain @click="DownInfo()">下载公告文件</el-button>
      </div>
    </el-col>
    <el-col :span="4" style="margin-top: 25px;  color: #2e7d32;">
      <div class="grid-content ">
        <p>发布时间</p>
        <p style="font-size: 25px">{{notice_release_date}}</p>

      </div>
    </el-col>
    <el-col :span="4" style="margin-top: 25px;  color: #2e7d32;">
      <div class="grid-content ">
        <p>发布公司</p>
        <p style="font-size: 25px">{{notice_author}}</p>

      </div>
    </el-col>
    <el-col :span="2">
      <div class="grid-content "></div>
    </el-col>
  </el-row>

  <div id="des" style="position: relative;width: 90%;left: 5%">

    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7">公告详情</el-divider>
    <div style="width: 90%;margin-left: 5%;line-height: 2.0;font-size:16px;margin-top: 50px ;margin-bottom: 50px;padding-bottom: 100px;">
      <p style="font-family: 'Roboto', sans-serif;">{{notice_content}}</p>
    </div>
  </div>
</div>

</template>

<script>
export default {
  name: 'NoticeAuthor',
  props:['notice_title','public_notice_id','notice_author','notice_release_date','notice_content'],
  methods:{
    DownInfo(){
      var _this=this
      console.log(localStorage.getItem("this_notice_id"))
      window.open('http://localhost:8080/NoticeFile?NoticeID='+localStorage.getItem("this_notice_id"));
    },
  }

}

</script>

<style scoped>

</style>
